        <div class="header navbar">
          <div class="header-container">
            <ul class="nav-left">
              <li>
                <a id='sidebar-toggle' class="sidebar-toggle" href="javascript:void(0);">
                  <i class="ti-menu"></i>
                </a>
              </li>
            </ul>
            <ul class="nav-right">
            
              <li th:if="${hasPendingNotifications eq true}" class="p-20 layer">
              	<input id="idpending" type="button" th:value="#{button.view.notification.pending}" class="btn btn-danger">
              	<script th:inline="javascript">
	                 	var actionSysnot = /*[[@{/sysNotifications}]]*/;
	                 	$('#idpending').click(function(e){e.preventDefault(); loadIntoAjax('formMenu', actionSysnot, 'optionReplacement', 'GET', null, true); return false;});
	            </script>
 			  </li>
            
              <li class="dropdown">
                <a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" data-toggle="dropdown">
                  <div class="peer mR-10">
                    <img class="w-2r bdrs-50p" th:src="@{images/user.png}" alt="logo" />
                  </div>
                  <div class="peer">
                    <span class="fsz-sm c-grey-900">[[${#httpServletRequest.remoteUser}]]</span>
                  </div>
                </a>
                <ul class="dropdown-menu fsz-sm">
<!--                   <li> -->
<!--                     <a href="#" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700" id="aUser"> -->
<!--                       <i class="ti-settings mR-10"></i> -->
<!--                       <span>Editar datos personales</span> -->
<!--                       <script th:inline="javascript"> -->
                      
//                       	var menuEdit = /*[[@{/menuedit}]]*/;
// 	      				var username = /*[[${#httpServletRequest.remoteUser}]]*/;
// 	      				$('#aUser').click(function(e){
// 	      					e.preventDefault(); 
	      					
// 	      					$.ajax({
// 	      						url : menuEdit,
// 	      						type : 'GET',
// 	      						data : $.param({'username':username}),
// 	      						cache : false,
// 	      						success : function(data) {
// 	      							hide();
// 	      							$("body").append(data);

// 	      							$('#modalEdit').modal({
// 	      		                    	backdrop: 'static',
// 	      		                        keyboard: true, 
// 	      		                        show: true
// 	      		                	});
// 	      						},
// 	      						error : function() {}
// 	      					});
	      					
// 	      					return false;
// 	      				});
	                 	
<!-- 	                </script> -->
<!--                     </a> -->
<!--                   </li> -->
                  
                  <li>
                    <a href="#" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700" id="aPass">
                      <i class="ti-unlock mR-10"></i>
                      <span>Cambiar contrase&ntilde;a</span>
                      <script th:inline="javascript">
                      
                      	var menuPass = /*[[@{/menupass}]]*/;
	      				var username = /*[[${#httpServletRequest.remoteUser}]]*/;
	      				$('#aPass').click(function(e){
	      					e.preventDefault(); 
	      					
	      					$.ajax({
	      						url : menuPass,
	      						type : 'GET',
	      						data : $.param({'username':username}),
	      						cache : false,
	      						success : function(data) {
	      							hide();
	      							$("body").append(data);

	      							$('#modalPassword').modal({
	      		                    	backdrop: 'static',
	      		                        keyboard: true, 
	      		                        show: true
	      		                	});
	      						},
	      						error : function() {}
	      					});
	      					
	      					return false;
	      				});
	                 	
	                </script>
                    </a>
                  </li>
                  
                  <li role="separator" class="divider"></li>
                  <li>
	                  <form id="logoutForm" th:action="@{/login?logout}" class="form-logout">
	                    <a onclick="logout();return false;" href="#" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
						 <i class="ti-power-off mR-10"></i>
						 <span th:text="#{fire-admin-web.general.logout}"></span>
						</a>
					 </form>
				  </li>
                </ul>
              </li>
              <li class="dropdown">
              	<img id="logo_gob" th:src="@{images/cabeceraLogoGobierno.png}"
				alt="Gobierno de Espa&ntilde;a"
				class="monitoriza-navbar-logo-gobierno">
              </li>
            </ul>
          </div>
        </div>